﻿/* Table of Content
==================================================
	#Site Styles
	#Header
	#Bootstrap Rewritten
	#Page Styles
	#Shortcodes
	#Widgets
	#Advertising
	#Blog Page
	#Members Page
	#Sitemap Page
	#Search Page
	#Footer
	#Miscellaneous
	#Media Queries
	#Font-Face */
/* #Site Styles
================================================== */
body {
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
  color: #555555;
  font-size: 14px;
}
/* Typography - Basic HTML elements */
label {
	font-weight:normal;
}
h1 {
  font-size: 28px;
  line-height: 32px;
  color: #333333;
}
h1 small {
  display: block;
  font-size: 60%;
  text-transform: none;
  margin-top: 5px;
}
h2 {
  font-size: 20px;
  line-height: 24px;
  color: #333333;
}
h2 small {
  font-size: 60%;
  display: block;
  text-transform: none;
  margin-top: 5px;
}
h2 span {
  font-weight: 400;
}
h3 {
  font-size: 18px;
  line-height: 24px;
  color: #555555;
}
h3 small {
  display: block;
  margin-top: 5px;
}
h3 span {
  color: #269ccb;
}
h4 {
  font-size: 16px;
  line-height: 20px;
  font-weight: 600;
  color: #7b7b7b;
}
h4 small {
  display: block;
  margin-top: 5px;
}
h5 {
  font-size: 14px;
  line-height: 20px;
  font-weight: 400;
  color: #7b7b7b;
}
h5 small {
  margin-top: 3px;
}
h6 {
  font-size: 12px;
  line-height: 14px;
  font-weight: 400;
  color: #777777;
}
span.required {
  color: #999;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  font-weight: 600;
  margin-bottom: 20px;
}
h1 a,
h2 a,
h3 a,
h4 a,
h5 a,
h6 a {
  color: #333;
}
figure {
  position: relative;
  margin: 0;
}
section {
  margin-bottom: 50px;
}
p {
  margin-bottom: 20px;
}
hr {
  background-color: #ddd;
  border: none;
  height: 1px;
  margin: 50px 0;
}
hr.dashed {
  border-top: 2px dashed #eee;
}
hr.dotted {
  background: url("");
  height: 10px;
  margin: 50px 0;
  border: none;
}
hr.double {
  border-top: 1px solid #eee;
  border-bottom: 1px solid #eee;
  height: 5px;
}
hr.fadein {
  height: 1px;
  margin: 50px 0;
  border: 0;
  background-color: transparent;
  background-image: url();
  background-image: -moz-linear-gradient(left, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0));
  background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0));
  background-image: -o-linear-gradient(left, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0));
  background-image: linear-gradient(left, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0));
}
hr.fadeout {
  background: url("../images/fadeout.png") no-repeat center center;
  border: none;
  margin: 10px auto 30px;
  width: 100%;
  max-width: 100%;
  height: 35px;
  max-height: 100%;
}
iframe {
  border: none;
}
::selection {
  background: #269ccb;
  color: #fff;
}
::-moz-selection {
  background: #269ccb;
  color: #fff;
}
.colored {
  color: #269ccb;
}
.element-invisible {
  display: none !important;
}
.clear {
	clear:both;
}
.code {
	background:#ededed;
	padding:0 4px;
	border-radius:5px;
	border:1px solid #ccc;
}
.nav-tabs > .active > a, .nav-tabs > .active > a:hover {
	outline:none;
}
.top_ico {background:url(../images/top_ico.png) no-repeat left center; padding-left:25px;}
/* Links */
a {
  color: #269ccb;
  -webkit-transition: color 0.3s ease-in-out;
  -moz-transition: color 0.3s ease-in-out;
  -o-transition: color 0.3s ease-in-out;
  -ms-transition: color 0.3s ease-in-out;
  transition: color 0.3s ease-in-out;
  outline:none;
}
a:hover {
  color: #777777;
  text-decoration: none;
}
a:focus {
	color: #269ccb;
	text-decoration:none;
}
/* Forms */
input,
button,
select,
textarea {
  font-family: Arial, Helvetica, sans-serif;
  outline:none !important;
}
textarea {
  -webkit-transition: height 0.2s ease 0s;
  -moz-transition: height 0.2s ease 0s;
  -o-transition: height 0.2s ease 0s;
  -ms-transition: height 0.2s ease 0s;
  transition: height 0.2s ease 0s;
}
/* #Header
================================================== */
/* Header */
header {
  background-color: #ffffff;
  background-image: url('../../images/noise.png');
  color: #999;
}
header a {
  color: #ffffff;
}
header a:hover {
  color: #999999;
}
header .header {
  min-height: 140px;
}
header .header a {
  color: #999999;
}
header .header a:hover,
header .header a:focus {
  color: #666666;
  text-decoration: none;
}
header .header a.btn-inverse {
  color: #fff;
}
header .header a.btn-inverse:hover,
header .header a.btn-inverse:focus {
  color: #fff;
}
header .header h2,
header .header h3,
header .header h4 {
  color: #999999;
}
header .header .dropdown-menu > li > a {
  color: #333;
}
header .header .dropdown-menu > li > a:hover {
  color: #fff;
}
header .social-icons {
  margin-top: 0;
}
header .overall {
  margin: 0;
}
/* Logo */
header .logo {
  position: relative;
  margin-top: 45px;
}
header .logo a {
  display: inline-block;
}
header .logo h2 {
  display: none;
}
/* Main Menu */
header nav {
  position: relative;
  width: 100%;
  z-index: 100;
}
header nav .menu ul li a:hover {
  border-left-color: #269ccb;
}
/* Search */
header .search {
  background-color: #f5f5f5;
  color: #444;
  padding: 5px 0;
  border-bottom: 1px solid #e9e9e9;
}
/* #Bootstrap Rewritten
================================================== */
/* Tooltip */
.tooltip .tooltip-inner {
  background-color: #0d0d16;
  background-color: rgba(0, 0, 0, 0.7);
}
.tooltip.top .tooltip-arrow {
  border-top-color: #0d0d16;
  border-top-color: rgba(0, 0, 0, 0.7);
}
.tooltip.right .tooltip-arrow {
  border-right-color: #0d0d16;
  border-right-color: rgba(0, 0, 0, 0.7);
}
.tooltip.left .tooltip-arrow {
  border-left-color: #0d0d16;
  border-left-color: rgba(0, 0, 0, 0.7);
}
.tooltip.bottom .tooltip-arrow {
  border-bottom-color: #0d0d16;
  border-bottom-color: rgba(0, 0, 0, 0.7);
}
/* Page Header */
.page-header {
  margin-top: 0;
  margin-bottom: 20px;
  padding-bottom: 0;
  border-bottom: 1px solid #e4e4e4;
}
.page-header h1,
.page-header h2,
.page-header h3 {
  margin-top: 0;
  margin-bottom: 0;
}
.page-header h1:after,
.page-header h2:after,
.page-header h3:after {
  background-color: #269ccb;
  bottom: 0;
  content: "";
  margin-top: 10px;
  margin-bottom: -1px;
  display: block;
  width: 50px;
  height: 3px;
}
/* Nav */
.nav .dropdown-toggle:hover .caret,
.nav .dropdown-toggle:focus .caret {
  border-bottom-color: #777777;
  border-top-color: #777777;
}
.nav .dropdown-toggle .caret {
  border-bottom-color: #30304d;
  border-top-color: #30304d;
  -webkit-transition: border 0.3s ease-in-out;
  -moz-transition: border 0.3s ease-in-out;
  -o-transition: border 0.3s ease-in-out;
  -ms-transition: border 0.3s ease-in-out;
  transition: border 0.3s ease-in-out;
}
/* Typography */
h2 .label {
  vertical-align: middle;
}
span.label {
  font-family: Arial, Helvetica, sans-serif;
}
.label {
  -webkit-transition: background 0.5s ease 0s;
  -moz-transition: background 0.5s ease 0s;
  -o-transition: background 0.5s ease 0s;
  -ms-transition: background 0.5s ease 0s;
  transition: background 0.5s ease 0s;
}
.label:hover {
  background-color: #363839;
}
textarea:focus, input[type=text]:focus, input[type=password]:focus, input[type=datetime]:focus, input[type=datetime-local]:focus, input[type=date]:focus, input[type=month]:focus, input[type=time]:focus, input[type=week]:focus, input[type=number]:focus, input[type=email]:focus, input[type=url]:focus, input[type=search]:focus, input[type=tel]:focus, input[type=color]:focus, .uneditable-input:focus {
  border-color: rgba(38, 155, 201, 0.8);
  outline: 0;
  outline: thin dotted \9;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(38, 155, 201, 0.6);
  -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(38, 155, 201, 0.6);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(38, 155, 201, 0.6);
}
/* Nav Tabs */
.nav-tabs > .active > a,
.nav-tabs > .active > a:hover,
.nav-tabs > .active > a:focus {
  cursor: pointer;
}
/* Nav Stacked */
.nav-stacked.nav-tabs {
  width: 100%;
}
.nav-stacked.nav-tabs .parent ul {
  list-style: none;
  margin: 0;
}
.nav-stacked.nav-tabs .parent ul li a {
  background-color: #f1f1f1;
  color: #333;
  text-shadow: 0 1px 0 #fff;
  border: 1px solid #E5E5E5;
  display: block;
  margin: 0 0 -1px;
  padding: 8px 14px;
}
.nav-stacked.nav-tabs .parent ul li a:hover {
  background-color: #f0f0f0;
}
.nav-stacked.nav-tabs li:last-child li:last-child a {
  -webkit-border-radius: 0 0 4px 4px;
  -webkit-background-clip: padding-box;
  -moz-border-radius: 0 0 4px 4px;
  -moz-background-clip: padding;
  border-radius: 0 0 4px 4px;
  background-clip: padding-box;
}
.nav-stacked.nav-tabs .active:last-child a {
  -webkit-border-radius: 0;
  -webkit-background-clip: padding-box;
  -moz-border-radius: 0;
  -moz-background-clip: padding;
  border-radius: 0;
  background-clip: padding-box;
}
.nav-stacked.nav-tabs .icon-chevron-right,
.nav-stacked.nav-tabs .icon-chevron-down {
  float: right;
  margin-right: -6px;
  margin-top: 2px;
}
.nav-stacked.nav-tabs .icon-chevron-right {
  opacity: 0.25;
}
.nav-tabs.nav-stacked > li > a {
  border: 0px solid #ddd;
}
/* Dropdown Menu */
.dropdown-menu > li > a:hover,
.dropdown-menu > li > a:focus,
.dropdown-menu:hover > a,
.dropdown-menu:focus > a,
.dropdown-menu > .active > a,
.dropdown-menu > .active > a:hover,
.dropdown-menu > .active > a:focus {
  background-color: #3DAEDB;
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr='#3DAEDB', endColorstr='#269ccb');
  /* IE6 & IE7 */

  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr='#3DAEDB', endColorstr='#269ccb')";
  /* IE8 */

  background-image: url();
  background-image: -moz-linear-gradient(top, #3DAEDB, #269ccb);
  background-image: -webkit-linear-gradient(top, #3DAEDB, #269ccb);
  background-image: -o-linear-gradient(top, #3DAEDB, #269ccb);
  background-image: linear-gradient(to bottom, #3DAEDB, #269ccb);
}
/* Buttons - Some rewritten default style */
.btn {
  text-decoration: none;
}
.btn-medium {
  font-size: 14px;
  padding: 7px 13px;
  border-radius: 4px;
}
.btn-medium [class^="icon-"],
.btn-medium [class*=" icon-"] {
  margin-top: 4px;
}
.btn-medium .caret {
  margin-top: 8px;
  border-top-width: 5px;
  border-right-width: 5px;
  border-left-width: 5px;
}
button.btn.btn-medium, input[type=submit].btn.btn-medium {
  *padding-top: 7px;
  *padding-bottom: 7px;
}
/* Table */
.table {
  table-layout: fixed;
  word-wrap: break-word;
  border-collapse:collapse;
}
.tbl_properties tbody td:nth-child(1) {
	background: #F0F0F0;
}
.tbl_properties tbody td:nth-child(2), .tbl_properties tbody td:nth-child(3), .tbl_properties tbody td:nth-child(4) {
	text-align:center;
}
.tbl_properties thead th:nth-child(2), .tbl_properties thead th:nth-child(3), .tbl_properties thead th:nth-child(4) {
	text-align:center;
}
.tbl_properties thead tr th:first-child { width: 35%; }

/* #Page Styles
================================================== */
/* Layout - Definitions to boxed and wide sizes */
.wide {
  background: #fff !important;
}
/* Main */
.main {
  margin-top: 30px;
}
/* Content */
.content {
  margin-bottom: 30px;
}
.content .item-page {
  position: relative;
}
.page {
  margin-bottom: 30px;
}
/* Error Page */
.error-page {
  text-align: center;
  margin-bottom: 30px;
}
.error-page h2 {
  font-size: 300px;
  line-height: 280px;
  text-transform: inherit;
  margin-top: 0;
}
/* Extras */
.chrome, .ie, .firefox, .safari, .opera {
	width:24px;height:24px;
	padding-left:35px;
	margin-left:45px;
	margin-bottom:5px;
}
.chrome {
	background:#f5f5f5 url('../images/chrome.png') no-repeat;
}
.ie {
	background:#f5f5f5 url('../images/ie.png') no-repeat;
}
.firefox {
	background:#f5f5f5 url('../images/firefox.png') no-repeat;
}
.safari {
	background:#f5f5f5 url('../images/safari.png') no-repeat;
}
.opera {
	background:#f5f5f5 url('../images/opera.png') no-repeat;
}
.fade {
	opacity:0.4;
}
#cssproperties p {
	padding-left:10px;
}

#cssproperties .list-unstyled li {
	padding-left: 130px;
}

#cssproperties dfn {
	display:inline-block;
	text-indent:-130px;
	width:0;
	font-style:normal;
	font-weight:bold;
	margin-bottom:2px;
	color:#666;
}
#cssproperties dfn:after {
	content:":";}
#cssproperties .content-box {
	border-left:2px solid #269ccb;
	padding-top:10px;
	padding-bottom:0;
	margin-left:10px;
}
#cssproperties ul li span {
	display:block;
	font-size:0.9em;
	margin-bottom:5px;
}
#cssproperties code {
	background:#f2f2f2;
	border:1px solid #e1e1e1;
	color:#555555;
	box-shadow:1px 1px #c1c1c1;
}
.table thead tr {
	background:#D9EDF7;
}
.browser {
	float:left;
	padding-right:10px;
}
.examples {
  position: relative;
  margin: 15px 0;
  padding: 39px 19px 14px;
  *padding-top: 19px;
  background-color: #fff;
  border: 1px solid #ddd;
  border-radius: 4px;
}
.examples .topic {
  position: absolute;
  top: -1px;
  left: -1px;
  padding: 3px 7px;
  font-size: 12px;
  font-weight: bold;
  background-color: #f5f5f5;
  border: 1px solid #ddd;
  color: #9da0a4;
  border-radius: 4px 0 4px 0;
}
#tools .content-box img {
	float:left;
	margin-right:10px;
}
#tools .content-box {
	padding-bottom:0;
}

#blog {
	float:left;
	margin-right:15px;
}
.news_container {
	border-bottom:1px solid #e5e5e5;
	margin: 10px 0 10px 0;
}
.news_container h2 a{
	color: #3a87ad !important;
}
.blog_story {
	float:left;
	width:74%;
	text-align:justify;
}
.blog_excerpt {
	margin-top:-10px;
}
.blog_info {
	float:right;
	width:24%;
	margin-top:30px;
}
.news_user {
	background:url(../images/news_user.gif) no-repeat 0 50% !important;
	padding-left:20px;
}
.news_date {
	background:url(../images/news_date.gif) no-repeat 0 50% !important;
	padding-left:20px;
}
.news_link {
	background:url(../images/news_link.gif) no-repeat 0 50% !important;
	padding-left:20px;
}
.news_comment {
	background:url(../images/comm.png) no-repeat 0 50% !important;
	padding-left:20px;
}
ul.info {
	list-style:none;
}
ul.info li {
	border-bottom:1px solid #f2f2f2;
	padding-bottom:6px;
	padding-top:6px;
	color:#8F8F8F !important;
	font-size:10px !important;
}

/* #Shortcodes
================================================== */
/* Pretty Code */
.com { color: #93a1a1; }
.lit { color: #195f91; }
.pun, .opn, .clo { color: #93a1a1; }
.fun { color: #dc322f; }
.str, .atv { color: #D14; }
.kwd, .prettyprint .tag { color: #1e347b; }
.typ, .atn, .dec, .var { color: teal; }
.pln { color: #48484c; }

.prettyprint {
  background-color: #f7f7f9;
  border: 1px solid #e1e1e8;
}
.prettyprint.linenums {
}

/* Specify class=linenums on a pre to get line numbering */
ol.linenums {
  margin: 0; /* IE indents via margin-left */
}
ol.linenums li {
  color: #bebec5;
  line-height: 20px;
  text-shadow: 0 1px 0 #fff;
  list-style-type:none;
}
/* Highlight - With Highlights you can feature important information inside your text, or make different between successes, attentions, warnings and error messages. */
.highlight {
  background-color: #FCF8E3;
  color: #C09853;
  padding-left: 5px;
  padding-right: 5px;
}
.highlight.highlight-error {
  background-color: #F2DEDE;
  color: #B94A48;
}
.highlight.highlight-success {
  background-color: #DFF0D8;
  color: #468847;
}
.highlight.highlight-info {
  background-color: #D9EDF7;
  color: #3A87AD;
}
/* Simple Box */
.simple-box .icon-round {
  float: left;
  margin: -5px 10px 10px 0;
}
.simple-box h3 {
  margin-bottom: 0;
}
.simple-box h4 {
  margin-top: 0;
  color: #aaa;
  font-weight: 400;
}
.simple-box h4:after {
  clear: both;
  content: ".";
  display: block;
  height: 0;
  line-height: 0;
  visibility: hidden;
}
.simple-box iframe {
	border:1px solid #cccccc;
	border-radius:5px;
}
.simple-box {
	margin-bottom:30px;
}
/* Content Box */
.content-box {
  background-color: #f1f1f1;
  color: #333;
  margin-bottom: 20px;
  padding: 20px;
  border: 1px solid #ddd;
  text-shadow: 0 1px 0 #fff;
  -webkit-box-shadow: inset 0 0 1px 1px rgba(255, 255, 255, 0.5);
  -moz-box-shadow: inset 0 0 1px 1px rgba(255, 255, 255, 0.5);
  box-shadow: inset 0 0 1px 1px rgba(255, 255, 255, 0.5);
}
.content-box.box-green {
  background-color: #DFF0D8;
  border-color: #D6E9C6;
}
.content-box.box-blue {
  background-color: #D9EDF7;
  border-color: #BCE8F1;
}
.content-box.box-yellow {
  background-color: #FCF8E3;
  border-color: #FBEED5;
}
.content-box.box-red {
  background-color: #F2DEDE;
  border-color: #F2DEDE;
}
.content-box h3 {
  margin-top: 0;
}
.content-box pre {
  display: block;
  padding: 0 0 10px 0;
  margin: 0;
  font-size: 13px;
  line-height: 1.428571429;
  color: #555555;
  word-break: break-all;
  word-wrap: break-word;
  background-color: transparent;
  border: none;
  border-radius: 0;	
}
/* #Widget
================================================== */
/* Sidebar */
aside h2 {
  margin-top: 0;
  border-bottom: 1px solid #e4e4e4;
}
aside h2:after {
  background-color: #269ccb;
  bottom: 0;
  content: "";
  margin-top: 10px;
  margin-bottom: -1px;
  display: block;
  width: 50px;
  height: 3px;
}
/* Widget */
.widget {
  margin-bottom: 50px;
}
.widget:last-child {
  background: none;
}
.widget:last-child:after {
  background: none;
  height: 0;
}
.widget .tab-content {
  overflow: inherit;
}
/* Tabs Widget */
.tabs-widget.nav-stacked .hidden {
  display: inline;
  visibility: visible;
}
/* Articles Widget */
.articles-widget li {
  min-height: 50px;
  position: relative;
  margin-bottom: 10px;
  padding: 0 0 10px 60px;
  border-bottom: 1px solid #ddd;
}
.articles-widget li:last-child {
  margin-bottom: 0;
  padding-bottom: 0;
  border-bottom: 0;
}
.articles-widget h5 {
  margin-top: 0;
  margin-bottom: 5px;
}
.articles-widget i {
  color: #999;
}
.articles-widget img {
  position: absolute;
  top: 0;
  left: 0;
  max-width: 50px;
}
/* Social */
.social-icons {
  font-size: 14px;
  list-style: none;
  overflow: hidden;
  margin-bottom: 0;
}
.social-icons.social-dark a {
  background-color: #269ccb;
  color: #fff;
}
.social-icons.social-dark a:hover {
  color: #fff;
}
.social-icons.inline > li {
  margin-bottom: 0;
  margin-right:10px;
  padding: 0;
}
.social-icons a {
  background-color: #1c7497;
  background-color: rgba(0, 0, 0, 0.3);
  width: 32px;
  height: 32px;
  display: block;
  text-align: center;
  -webkit-border-radius: 32px;
  -webkit-background-clip: padding-box;
  -moz-border-radius: 32px;
  -moz-background-clip: padding;
  border-radius: 32px;
  background-clip: padding-box;
  -webkit-transition: background 0.3s ease-in-out;
  -moz-transition: background 0.3s ease-in-out;
  -o-transition: background 0.3s ease-in-out;
  -ms-transition: background 0.3s ease-in-out;
  transition: background 0.3s ease-in-out;
  line-height: 32px;
}
.social-icons a:hover,
.social-icons a:focus {
  text-decoration: none;
  color: #fff;
}
.social-icons .facebook:hover {
  background-color: #3B5998;
}
.social-icons .twitter:hover {
  background-color: #2DADDC;
}
.social-icons .google-plus:hover {
  background-color: #D14836;
}
.social-icons .email:hover {
  background-color: #6DB232;
}
.social-icons .donate:hover {
  background-color: #FE7A15;
}
/* #Advertising
================================================== */
/* Advertising */
.advertising {
  background: #f0f0f0;
  background-image: url(../images/advertising.gif);
  background-position: center center;
  background-repeat: no-repeat;
  position: absolute;
  top: 0;
  right: -20px;
}
/* Advertising with size 728x90 */
.ad-728 {
  position: relative;
  margin-bottom: 30px;
  text-align: center;
}
.ad-728 .advertising {
  width: 20px;
  height: 95px;
  left: -20px;
}
/*.ad-728 img {
  width: 100%;
}*/
header .ad-728 {
  margin-top: 22px;
  margin-bottom: 0;
}
header .ad-728 .advertising {
  right: -20px;
  left: auto;
}
/* Advertising with size 250x250 */
.ad-250 .row-fluid {
  margin-bottom: 10px;
  text-align:center;
}
.ad-250 .row-fluid:last-child {
  margin-bottom: 0px;
}
/* Advertising with size 125x125 */
.ad-125 .row-fluid {
  margin-bottom: 10px;
  text-align:center;
}
.ad-125 .row-fluid:last-child {
  margin-bottom: 0px;
}

/* Advertising with size 336x280 */
.ad-336 {
  position: relative;
  text-align: center;
}
.ad-336 .advertising {
  width: 20px;
  height: 308px;
}
/* #Accordion Page
================================================== */
/* Accordion */
.panel-group a {
	outline:none;
}
.panel-heading {
	font-weight:bold;
}
.panel-heading {
	background:#f7f7f7;
}
.panel-collapse {
	background:#fff;
}
.panel-heading .accordion-toggle:after {
    font-family: 'FontAwesome';
    content: "\f033";
    float: right;
}

/* #Footer
================================================== */
/* Scroll Top */
.scroll-top {
  background-color: #2f2f2f;
  background-color: rgba(0, 0, 0, 0.3);
  color: #fff;
  font-size: 18px;
  width: 40px;
  height: 40px;
  text-align: center;
  line-height: 40px;
  position: fixed;
  bottom: 60px;
  right: 20px;
  display: none;
  overflow: hidden;
  z-index: 1000;
  -webkit-border-radius: 20px;
  -webkit-background-clip: padding-box;
  -moz-border-radius: 20px;
  -moz-background-clip: padding;
  border-radius: 20px;
  background-clip: padding-box;
  -webkit-transition: background 0.3s ease-in-out;
  -moz-transition: background 0.3s ease-in-out;
  -o-transition: background 0.3s ease-in-out;
  -ms-transition: background 0.3s ease-in-out;
  transition: background 0.3s ease-in-out;
}
.scroll-top:hover,
.scroll-top:focus {
  background-color: #222222;
  background-color: rgba(0, 0, 0, 0.5);
  color: #fff;
  text-decoration: none;
}
/* Ticker - Footer Twitter Scroll with Control */
.ticker {
  background-color: #269ccb;
  color: #ffffff;
  text-shadow: 0px 1px 0px rgba(0, 0, 0, 0.1);
}
.ticker .tweet {
  position: relative;
  padding: 15px 40px 15px 0;
}
/* Footer */
footer {
  background: #444444 url("../images/map.png") center top no-repeat;
  color: #fff;
  border-top: 1px solid #2f2f2f;
  border-top: 1px solid rgba(0, 0, 0, 0.3);
  text-shadow: 0 1px 0 rgba(0, 0, 0, 0.3);
  -webkit-box-shadow: inset 0 3px 4px -3px rgba(0, 0, 0, 0.5);
  -moz-box-shadow: inset 0 3px 4px -3px rgba(0, 0, 0, 0.5);
  box-shadow: inset 0 3px 4px -3px rgba(0, 0, 0, 0.5);
}
footer .footer {
  margin-top: 50px;
  margin-bottom: 50px;
}
footer a {
  color: #fff;
}
footer a:hover,
footer a:focus {
  color: #75758F;
}
footer h3 {
  color: #fff;
  margin-top: 0;
}
footer blockquote {
  border-left: none;
  padding-left: 0;
}
/* Menu Footer */
footer .menu-footer {
  margin-bottom: 40px;
}
footer .menu-footer li a {
  -webkit-transition: color 1s ease 0s, margin-left 0.5s ease 0s;
  -moz-transition: color 1s ease 0s, margin-left 0.5s ease 0s;
  -o-transition: color 1s ease 0s, margin-left 0.5s ease 0s;
  -ms-transition: color 1s ease 0s, margin-left 0.5s ease 0s;
  transition: color 1s ease 0s, margin-left 0.5s ease 0s;
}
footer .menu-footer li a:hover {
  margin-left: 5px;
}
/* Footer */
footer .footer li {
  float: none;
}
/* Logo Footer */
footer .logo img {
  max-width: 220px;
}
/* Copyright
*/
footer .copyright {
  background-color: #2f2f2f;
  background-color: rgba(0, 0, 0, 0.3);
  padding: 15px 0;
  border-top: 1px solid #2a2a2a;
  border-top: 1px solid rgba(0, 0, 0, 0.1);
}
footer .copyright p {
  margin-bottom: 0;
}
footer .copyright p a {
  text-decoration: underline;
}
footer .copyright ul {
  list-style: none;
  overflow: hidden;
  margin: 0;
  float: right;
}
footer .copyright li {
  display: inline-block;
}
footer .copyright li a {
  margin-top: 3px;
  margin-left: 10px;
  padding-left: 10px;
  border-left: 1px solid #212121;
  border-left: 1px solid rgba(0, 0, 0, 0.3);
  line-height: 12px;
}
footer .copyright li:first-child a {
  margin-left: 0;
  padding-left: 0;
  border-left: none;
}
/* #Miscellaneous
================================================== */
/* General */
.nowrap {
  white-space: nowrap;
}
.show-all {
  position: absolute;
  right: 0;
  top: -64px;
  font-size: 11px;
}
/* Special */
[data-icon]:before {
  font-family: "MeteoconsRegular";
  content: attr(data-icon);
}
/* TinyNav - Used in phone size
*/
.tinynav {
  display: none !important;
  margin: 10px auto 0;
  width: 90%;
}
/* #Media Queries
================================================== */
/* Extra Large desktop */
@media (max-width: 1279px) {
  body {
    overflow-x: hidden;
  }
  .advertising {
    display: none;
  }
}
/* Medium desktop */
@media (min-width: 980px) and (max-width: 1199px) {
  header .ad-728 {
    margin-top: 20px;
  }
  header .header {
  min-height: 110px;
  }
  header .logo {
	margin-top:30px;
}
 .tweet {
    height: 4px;
  }
  footer h3 {
    font-size: 16px;
  }
}
/* Portrait tablet to landscape and desktop */
@media (min-width: 768px) and (max-width: 979px) {
  header .header {
    min-height: 90px;
  }
  header .logo {
    margin-top: 30px;
  }
  header .logo img {
    width: 100%;
  }
  header .ad-728 .image {
    margin-top: 5px;
    margin-bottom: 5px;
  }
  header nav.navigation .menu {
    font-size: 13px;
  }
  header nav.navigation .menu > li:hover a {
    padding-left: 11px;
  }
  header nav.navigation .menu > li > a {
    padding: 13px 10px 16px;
  }
  .featured-news .news-thumbs h4 {
    font-size: 14px;
    line-height: 18px;
  }
  .latest-blog p {
    display: none;
  }
  .tweet {
    height: 4px;
  }
  .scroll-top {
    bottom: 70px;
  }
  footer h3 {
    white-space: nowrap;
    font-size: 13px;
  }
  footer .logo img {
    max-width: 140px;
  }
  footer .author {
    display: block;
  }
}
/* Landscape phone to portrait tablet */
@media (max-width: 767px) {
  body {
    padding-right: 0;
    padding-left: 0;
  }
  header {
    border-top: none;
  }
  header .header {
    text-align: center;
    min-height: auto;
  }
  header .pull-left,
  header .pull-right {
    float: none;
  }
  header .logo {
    text-align: center;
    margin-top: 20px;
    margin-bottom: 30px;
  }
  .main {
    margin-right: 10px;
    margin-left: 10px;
  }
  .tinynav {
    display: block !important;
  }
  #nav .menu {
    display: none;
  }
  .simple-box {
    margin-left: 20px;
    margin-right: 20px;
    margin-bottom: 30px;
  }
  .simple-box h3 {
    font-size: 16px;
    line-height: 20px;
  }
  .simple-box h4 {
    font-size: 14px;
    list-style: 16px;
  }
  .blog .comments-block {
    margin-bottom: 30px;
  }
  .ticker {
    padding-left: 20px;
    padding-right: 20px;
  }
   .tweet {
    height: 4px;
  }
  footer {
    padding-right: 10px;
    padding-left: 10px;
  }
  footer .footer {
    margin: 0;
    padding: 0;
  }
  footer .logo {
    text-align: center;
    margin-top: 70px;
    margin-bottom: 40px;
  }
  footer .copyright {
    text-align: center;
    margin-right: -10px;
    margin-left: -10px;
    padding-right: 10px;
    padding-left: 10px;
  }
  footer .copyright ul {
    float: none;
    margin-top: 20px;
  }
}
/* iPhone 5 */
@media (max-width: 640px) {
}
/* Portrait kindle */
@media (max-width: 600px) {
  .blog .share .social-buttons {
    float: none;
  }
  .error-page h2 {
    font-size: 200px;
    line-height: 180px;
  }
}
/* Landscape Nicer Android */
@media (min-width: 481px) and (max-width: 515px) {
}
/* Landscape phones and down */
@media (max-width: 480px) {
  header .logo {
    margin-bottom: 20px;
  }
  .ticker {
    padding-left: 20px;
    padding-right: 20px;
  }
  .ticker .tweet {
    padding-right: 30px;
  }
   .tweet {
    height: 4px;
  }
  .error-page h2 {
    font-size: 140px;
    line-height: 140px;
  }
}
/* */
@media (max-width: 360px) {
  footer .logo {
    margin-top: 50px;
  }
}
/* Portrait phones and down */
@media (max-width: 320px) {
}
/* Nicer Android Portrait */
@media (max-width: 295px) {
   .tweet {
    height: 4px;
  }
}
/* #Font-Face
================================================== */
@font-face {
  font-family: "MeteoconsRegular";
  src: url("../font/meteocons-webfont.eot");
  src: url("../font/meteocons-webfont.eot?#iefix") format("embedded-opentype"), url("../font/meteocons-webfont.woff") format("woff"), url("../font/meteocons-webfont.ttf") format("truetype"), url("../font/meteocons-webfont.svg#MeteoconsRegular") format("svg");
  font-weight: normal;
  font-style: normal;
}
